<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>Home</title>
    <link href="styles/style.css" rel="stylesheet" type="text/css" /> 
    <link rel="icon" type="image/png" href="images/dpicon.png" />   
	<script type="text/javascript" src="http://www.google.com/jsapi"></script>
	<script type="text/javascript">google.load("jquery", "1.5.1");</script>
	<script type="text/javascript" src="js/jquery.watermark.js"></script>
</head>

<body>
<script type="text/javascript">
$(document).ready(function() {
    $('input').each(function() {
        $(this).watermark($(this).attr('watermark'));
    });
});
</script>

<%
	//this clears the session if the user already tried
	// to login with wrong credentials
	if(session.getAttribute("invalidUser")!=null) {session.removeAttribute("invalidUser");};
%>

<div id="page-wrap">
	<div id="profile-menu">
		<ul class="profile-menu-list">							
			<li><a href="#" title="user">user</a></li>						
			<li><a href="#" title="my account">my account</a></li>
			<li><a href="login.jsp" title="login">login</a></li>							
		</ul>
	</div><br/>
	
	<div id="main-menu">
		<!--<img src="devilpepperLogo.jpg" alt="devilpepper logo"/>-->
		<ul>
			<li><a href="index.jsp" title="search">search</a></li>
			<li><a href="login.jsp" title="sell books">sell books</a></li>
			<li><a href="about.jsp" title="about">about</a></li>
			<li><a href="contact.jsp" title="contact us">contact us</a></li>
			<li class="cart"><a href="servlet/controller.CartForm" title="cart">cart&nbsp;&nbsp;<strong>0</strong></a></li>			
		</ul>		
	</div><br/>
	
	<div id="styleForm" class="formBox">
        <form action="servlet/controller.BookInformation" method="post">
        	<h1>Search form</h1>
        	<p>Please search for the book you want to buy</p>
        	<label>Keyword:</label> <input type="text" name="keyword" watermark="Enter Keyword"/>			
        	<label>Title:</label> <input type="text" name="title" watermark="Enter Book Title"/>
        	<label>Author:</label> <input type="text" name="authorFirstName" watermark="Enter Author Firstname"/>
        	<label class="invisible">Author:</label><input type="text" name="authorLastName" watermark="Enter Author Lastname" /> 
			<label>ISBN:</label> <input type="text" name="isbn" watermark="Enter Book ISBN#"/>
			<button type="submit">Submit</button><br/><br/>							
        </form>
	</div>
</div>
<div class="footer_container">
	&copy;2011 All Rights Reserved
	<a href="mailto:devilpepper@hotmail.com">Devilpepper</a>
</div>

</body>
</html>
